<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<html>
<head>
    <title>Title</title>

    <%@include file="/WEB-INF/views/commons/commons.jsp" %>

    <script src="/static/js/system/expendItem.js"></script>

</head>
<body>
<table id="item_datagrid"></table>

<div id="item_toolbar">
    <a class="easyui-linkbutton" iconCls="icon-add" plain="true" data-cmd="add">新增</a>
    <a class="easyui-linkbutton" iconCls="icon-edit" plain="true" data-cmd="edit">编辑</a>
    <a class="easyui-linkbutton" iconCls="icon-cut" plain="true" data-cmd="delete">删除</a>
    <a class="easyui-linkbutton" iconCls="icon-reload" plain="true" data-cmd="reload">刷新</a>

    <input id="beginTime" class="easyui-datebox" prompt="起始时间">~~
    <input id="endTime" class="easyui-datebox" prompt="结束时间">
    <a class="easyui-linkbutton" iconCls="icon-search" plain="true" data-cmd="query">查询</a>
    <a class="easyui-linkbutton" href="#" iconCls="icon-redo" plain="true" data-cmd="exportFile">导出</a>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <font style="font-size: larger;">总支出金额:<i id="allExpendAmount" style="color:#DC143C;" data-cmd="allExpendAmount"></i> 元</font>
</div>

<div id="form_btns">
    <a class="easyui-linkbutton" iconCls="icon-save" plain="true" data-cmd="save">保存</a>
    <a class="easyui-linkbutton" iconCls="icon-cancel" plain="true" data-cmd="cancel">取消</a>
</div>

<div <%--id="file_dialog" --%>class="easyui_dialog" data-options="width=200,height=150">
    <form id="file_form" method="post" action="/expendItem/importFile.do" enctype="multipart/form-data">
        <input type="text" name="file" class="easyui-filebox">
        <input type="submit" value="上传">
    </form>
</div>

<div id="item_dialog">
    <form id="item_form" method="post">
        <input type="hidden" name="id" id="itemId"/>
        <table align="center" style="margin-top: 15px">
            <tbody>
            <tr>
              <td>支出分类：</td>
                <td><input type="text" id="item-combobox" name="expend.id" class="easyui-combobox"
                           data-options="url:'/expend/selectExpend.do',valueField:'id',textField:'name',panelHeight:'auto'"></td>
            </tr>
            <tr>
                <td>支出金额:</td>
                <td><input type="text" name="amount" class="easyui-textbox" data-options="required:true"/></td>
            </tr>
            <tr>
                <td>支付日期:</td>
                <td><input name="spendTime" class="easyui-datebox"/></td>
            </tr>
            <tr>
                <td>备注：</td>
                <td><input type="textarea" name="remark"  class="easyui-textbox"></td>
            </tr>
            </tbody>
        </table>
    </form>
</div>
</body>
</html>
